<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <header>
        <span class="fh">返回</span>
        <h3>上新精选</h3>
        <span>分享</span>
    </header>
    <main>
        <!-- 轮播图 -->
        <div class="swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="../../public/imgs/tooth.png" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="../../public/imgs/towel.png" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="../../public/imgs/xie.png" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="../../public/imgs/tv.png" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="../../public/imgs/zc-cnxh2.png" alt="">
                </div>
            </div>
            <div class="box">
                <ul>
                    <li>
                        <div class="img"><img src="../../public/imgs/watch.png" alt=""></div>
                        <div class="text">
                        <h3>Redmi 手环 2</h3>
                        <p>轻薄大屏，健康检测</p>
                        <p><i>100%</i>好评率</p>
                        <p class="title">小米自营</p>
                        <span class="price">￥229</span>

                        </div>
                    </li>
                    <li>
                        <div class="img"><img src="../../public/imgs/watsh.png" alt=""></div>
                        <div class="text">
                        <h3>扫地机器人</h3>
                        <p>轻薄大屏，健康检测</p>
                        <p><i>100%</i>好评率</p>
                      <p class="member"><img src="../../public/imgs/uphyzsz.png" alt=""></p>
                        <span class="price">￥229</span>

                        </div>
                    </li>
                    <li>
                        <div class="img"><img src="../../public/imgs/watch.png" alt=""></div>
                        <div class="text">
                        <h3>Redmi 手环 2</h3>
                        <p>轻薄大屏，健康检测</p>
                        <p><i>100%</i>好评率</p>
                        <p class="title">小米自营</p>
                        <span class="price">￥229</span>

                        </div>
                    </li>
                    <li>
                        <div class="img"><img src="../../public/imgs/watsh.png" alt=""></div>
                        <div class="text">
                        <h3>扫地机器人</h3>
                        <p>轻薄大屏，健康检测</p>
                        <p><i>100%</i>好评率</p>
                      <p class="member"><img src="../../public/imgs/uphyzsz.png" alt=""></p>
                        <span class="price">￥229</span>

                        </div>
                    </li>
                    <li>
                        <div class="img"><img src="../../public/imgs/watch.png" alt=""></div>
                        <div class="text">
                        <h3>Redmi 手环 2</h3>
                        <p>轻薄大屏，健康检测</p>
                        <p><i>100%</i>好评率</p>
                        <p class="title">小米自营</p>
                        <span class="price">￥229</span>

                        </div>
                    </li>
                    <li>
                        <div class="img"><img src="../../public/imgs/watsh.png" alt=""></div>
                        <div class="text">
                        <h3>扫地机器人</h3>
                        <p>轻薄大屏，健康检测</p>
                        <p><i>100%</i>好评率</p>
                      <p class="member"><img src="../../public/imgs/uphyzsz.png" alt=""></p>
                        <span class="price">￥229</span>

                        </div>
                    </li>
                    <li>
                        <div class="img"><img src="../../public/imgs/watch.png" alt=""></div>
                        <div class="text">
                        <h3>Redmi 手环 2</h3>
                        <p>轻薄大屏，健康检测</p>
                        <p><i>100%</i>好评率</p>
                        <p class="title">小米自营</p>
                        <span class="price">￥229</span>

                        </div>
                    </li>
                    <li>
                        <div class="img"><img src="../../public/imgs/watsh.png" alt=""></div>
                        <div class="text">
                        <h3>扫地机器人</h3>
                        <p>轻薄大屏，健康检测</p>
                        <p><i>100%</i>好评率</p>
                      <p class="member"><img src="../../public/imgs/uphyzsz.png" alt=""></p>
                        <span class="price">￥229</span>

                        </div>
                    </li>
                </ul>
            </div>

    </main>
</body>

</html>